<template>
	<view>
		<view v-if="info==null">
			<zero-loading type="triangle"></zero-loading>
		</view>
		<view v-if="info!=null">
		<view  style="height: 30rpx;"></view>
		<view class="succ_img">
			<image src="../../static/images/succ_icon.png" mode=""></image>
		</view>
		<view class="succ_tip">
			已提交
		</view>
		<view class="succ_tip1">
			您的提现申请已提交，提现金额{{info.price}}元，请耐心等待平台处理！
		</view>
		<view class="succ_tip_btn" @click="goIndex()">我知道了</view>
		<view class="withdrawalDetail_box">
			<view class="withdrawalDetail_item_box">
				<view class="withdrawalDetail_item_name">提现来源</view>
				<view class="withdrawalDetail_item_desc" v-if="info.type==1">账户余额</view>	
				<view class="withdrawalDetail_item_desc" v-if="info.type==2">保证金</view>	
			</view>
			<view class="withdrawalDetail_item_box">
				<view class="withdrawalDetail_item_name">扣除税点</view>
				<view class="withdrawalDetail_item_desc">¥{{info.tax_rate}}</view>	
			</view>
			<view class="withdrawalDetail_item_box">
				<view class="withdrawalDetail_item_name">扣除手续费</view>
				<view class="withdrawalDetail_item_desc">¥{{info.service_price}}</view>	
			</view>
			<view class="withdrawalDetail_item_box">
				<view class="withdrawalDetail_item_name">实际到账</view>
				<view class="withdrawalDetail_item_desc">¥{{info.actual_price}}</view>	
			</view>
			<view class="withdrawalDetail_item_box">
				<view class="withdrawalDetail_item_name">到账方式</view>
				<view class="withdrawalDetail_item_desc" v-if="info.to_account==1">银行卡</view>	
				<view class="withdrawalDetail_item_desc" v-if="info.to_account==2">收款码</view>	
			</view>
			<view class="withdrawalDetail_item_box">
				<view class="withdrawalDetail_item_name">提交时间</view>
				<view class="withdrawalDetail_item_desc">{{info.created_at}}</view>	
			</view>
		</view>
			
		</view>
	</view>
</template>

<script>
	import zeroLoading from "@/components/zero-loading/components/zero-loading/zero-loading.vue"
	export default {
		components: {
			zeroLoading
		},
		data() {
			return {
				info:null,
			};
		},
		onLoad() {
			var a = this
			let data = uni.getStorageSync('withdrawalInfo');
			a.info = data
		}, 
		methods:{
			goIndex(){
				uni.navigateBack()
			},
		}
	}
</script>

<style lang="scss">
.succ_img{
	width: 160rpx;
	height: 160rpx;
	margin: 0 auto; 
	image{
		width: 100%;
		height: 100%;
	}
}
.withdrawalDetail_box{
	width: 686rpx;
	background-color: rgba(245, 246, 248, 1);
	margin: 0 auto;
	margin-top: 30rpx;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	.withdrawalDetail_item_box{
		display: flex;
		align-items: center;
		padding-top: 12rpx;
		padding-bottom: 12rpx;
		.withdrawalDetail_item_name{
			margin-left: 24rpx;
			width: 176rpx;
			color: rgba(96, 98, 102, 1);
			font-size: 28rpx;
		}
		.withdrawalDetail_item_desc{
			color: rgba(48, 49, 51, 1);
			font-size: 28rpx;
		}
	}
}
.succ_tip{
	text-align: center;
	font-weight: bold;
	color: rgba(48, 49, 51, 1);
	font-size: 32rpx;
	margin-top: 28rpx;
}
.succ_tip1{
	text-align: center;
	color: rgba(144, 147, 153, 1);
	font-size: 24rpx;
	width: 70%;
	margin: 0 auto;
	margin-top: 28rpx;
	line-height: 40rpx;
}
.succ_tip_btn{
	width: 200rpx;
	height: 72rpx;
	text-align: center;
	line-height: 72rpx;
	background-color: #418AFF;
	border-radius: 12rpx;
	color: #fff;
	font-size: 28rpx;
	margin: 0 auto;
	margin-top: 50rpx;
}
</style>
